<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="productoList.title"/></title>
    <meta name="heading" content="<fmt:message key='productoList.heading'/>"/>    
</head>

<form:form id="productoList">

<c:set var="buttons">
    <input type="button" class="button" 
        onclick="location.href='<c:url value="/producto/productoForm.html?method=Add&from=list"/>'"
        value="<fmt:message key="button.add"/>"/>
        
    <input type="button" class="button" 
    	onclick="location.href='<c:url value="/mainMenu.html"/>'"
        value="<fmt:message key="button.done"/>"/>
</c:set>

<c:out value="${buttons}" escapeXml="false" /><br/><br/>
<table id="productos" cellpadding="0" class="table" cellspacing="0" style="width: 600px" > 
	<thead> 
		<tr> 
            <th scope="col"><fmt:message key="productoList.deProducto"/></th>
            <th scope="col"><fmt:message key="productoList.unidad.medida"/></th>
		</tr>
	</thead> 
	<tbody id="productosbody">
		<c:forEach var="producto" items="${productos}" varStatus="status">	
			<c:choose>
				  <c:when test="${status.index % 2 == 0}"><tr class="odd" ></c:when>
				  <c:otherwise><tr class="even" ></c:otherwise>
			</c:choose>
            	<td>
					<a href="<c:url value="/producto/productoForm.html?id=${producto.id}&amp;from=list"/>">					
						${producto.deProducto}
					</a>            	
				</td>
                <td>
                    ${producto.coUnidadMedida}
                </td>
           </tr>
        </c:forEach>				
	</tbody>
</table> 

<c:out value="${buttons}" escapeXml="false" />
</form:form>
<script type="text/javascript">
	
    function buscarEstaciones()
    {
        var deEstacion = dwr.util.getValue("nombreEstacionId");
    	EstacionService.busquedaEstacion(deEstacion, function(data) {
        	
    	    dwr.util.removeAllRows("estacionesbody", { filter:function(tr) {
    	      return (tr.id != "pattern");
    	    }});
    	    
    	    var estacion, url,  habilitada;
    	    for (var i = 0; i < data.length; i++) {
    	      	estacion = data[i];

    	      	dwr.util.cloneNode("pattern", { idSuffix:estacion.id });
    	      	url = "<a href='/clubpgnweb/estacion/estacionForm.html?id=" + estacion.id + "'>" + estacion.deEstacion +	"</a>";	
    	      	dwr.util.setValue("tableEstacion" + estacion.id, url, { escapeHtml:false });

    	      	dwr.util.setValue("tableCodigoCofide" + estacion.id, estacion.coCodigoCofide, { escapeHtml:false });

    	      	habilitada = estacion.stEstacion;
    	      	if(habilitada == true){
    	    	  dwr.util.setValue("tableActiva" + estacion.id, '<fmt:message key='common.yes'/>', { escapeHtml:false }); 
        	  	}
    	      	else {
    	    	  dwr.util.setValue("tableActiva" + estacion.id, '<fmt:message key='common.no'/>', { escapeHtml:false });
        	  	}
    	     
				if(i % 2 == 0){
					$("pattern" + estacion.id).className = "odd";
				}
				else{
					$("pattern" + estacion.id).className = "even";
				}
	    	      
	    	    $("pattern" + estacion.id).style.display = "";
    	    }
		});
  	           		 	
    }       
</script>
<script type='text/javascript' src="<c:url value="/dwr/interface/EstacionService.js"/>"></script>